<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Document</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<link rel="stylesheet" href="bootstrap.min.css">
	<link rel="stylesheet" href="dongtu.css">
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0" charset="utf-8"></script>

</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
	  <a class="navbar-brand" href="#">动图生成器</a>
	  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
	    <span class="navbar-toggler-icon"></span>
	  </button>

	  <div class="collapse navbar-collapse" id="navbarColor01">
	    <ul class="navbar-nav mr-auto">
	      <li class="nav-item active">
	        <a class="nav-link" href="#">首页<span class="sr-only">(current)</span></a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="javascript:void(0);">未开放</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="javascript:void(0);">未开放</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="javascript:void(0);">未开放</a>
	      </li>
	    </ul>
	    <form class="form-inline my-2 my-lg-0">
	      <input class="form-control mr-sm-2" type="text" placeholder="查找您所需的动图">
	      <button class="btn btn-secondary my-2 my-sm-0" type="submit">搜索</button>
	    </form>
	  </div>
	</nav>
	<div id="banner">
		<div class="banner"></div>
		<h1>斗鱼66火爆开战啦，王八蛋站长不是人，欠下了3.5个亿的表情包带着他的动图跑啦！</h1>
	</div>
	<div class="main">
		<div class="video">
			<video src="http://www.w3school.com.cn/i/movie.ogg" autoplay="autoplay" id="video">
			    您的网站不支持video播放
			</video>
			<span>浏览量：<br>4410</span>
			<span>生成数：<br>2950</span>
			<span>评论数：<br>0</span>
			<span>参与数：<br>0</span>
		</div>
		<div class="content-right">
		 <ul class="nav nav-tabs" role="tablist">
		    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">制作</a></li>
		    
		    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">评论</a></li>
<!-- 		    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">精彩GIF</a></li>
		   -->		  </ul>

		  <!-- Tab panes -->
		  <div class="tab-content">
		    <div role="tabpanel" class="tab-pane active" id="home">		
		    	<form>
				  <div class="form-group">
				    <label class="col-sm-2 control-label">第一句</label>
				    <div class="col-sm-10">
				    <input type="text" class="form-control" placeholder="从这掉下去摔死">
				    </div>
				  </div>
				  <div class="form-group">
				    <label class="col-sm-2 control-label">第二句</label>
				    <div class="col-sm-10">
				    <input type="text" class="form-control" placeholder="从这掉下去摔死">
				    </div>
				  </div>
				   <div class="form-group">
				    <label class="col-sm-2 control-label">第三句</label>
				    <div class="col-sm-10">
				    <input type="text" class="form-control" placeholder="从这掉下去摔死">
				    </div>
				  </div>
				   <div class="form-group">
				    <label class="col-sm-2 control-label">第四句</label>
				    <div class="col-sm-10">
				    <input type="text" class="form-control" placeholder="从这掉下去摔死">
				    </div>
				  </div>

				  <button type="button" class="btn btn-primary pull-right">生成图片</button>
				</form>
			</div>
		   
		    <div role="tabpanel" class="tab-pane" id="messages">3</div>
		  <!--   <div role="tabpanel" class="tab-pane" id="settings">
		  	<ul id="gif-list">
		  		<li><img src="4.png" alt="..."></li>
		  		<li><img src="4.png" alt="..."></li>
		  		<li><img src="4.png" alt="..."></li>
		  		<li><img src="4.png" alt="..."></li>
		  		<li><img src="4.png" alt="..."></li>
		  		<li><img src="4.png" alt="..."></li>
		  		<li><img src="4.png" alt="..."></li>
		  		<li><img src="4.png" alt="..."></li>
		  		<li><img src="4.png" alt="..."></li>
		  		<li><img src="4.png" alt="..."></li>
		  	</ul>
		  </div> -->
		  </div>
		</div>
		<div class="clearfix"></div>
 		<div class="comment">
			<h1>精彩GIF </h1>
			<div id="Marvellous">
				<img src="4.png" alt="...">
				<img src="4.png" alt="...">
				<img src="4.png" alt="...">
				<img src="4.png" alt="...">
				<img src="4.png" alt="...">
				<img src="4.png" alt="...">
				<img src="4.png" alt="...">
				<img src="4.png" alt="...">
				<img src="4.png" alt="...">
			</div>
		</div>
		<div class="comment">
			<h1>评论专区 <small>精彩评论</small></h1>
			<div id="uyan_frame"></div>
		</div>
	</div>
<div id="footer" class="footer">
    <div class="container">
        <div class="region region-footer">
    <div id="block-block-12" class="block block-block">

    
  <div class="content">
    <p>湘ICP备13003850号-12，版权所有 衡阳瑞思信息技术有限公司 © 2011-2017 <a href="//www.w3cplus.com/page/26.html" target="_blank">W3CPLUS</a>，感谢<a href="//www.drupal.org" target="_blank">Drupal</a>开源技术。感谢<a href="//www.qiniu.com/" target="_blank">七牛云存储</a>提供静态资源空间。</p>
   </div>
</div>
  </div>
    </div>
  </div>
<!-- UY BEGIN -->
<script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js"></script>
<!-- UY END -->
</body>
</html>